<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>环境感知微系统智能检测软件</title>
	<link rel="stylesheet" href="styles/lib/bootstrap.min.css" />
	<script src="scripts/lib/bootstrap.bundle.min.js"></script>
	<link rel="stylesheet/less" href="styles/style.less" />
	<script src="scripts/lib/less.js" defer></script>
	<script src="scripts/lib/echarts.js" defer></script>
	<script type="module" src="scripts/main.js" defer></script>
</head>

<body>
	<header>
		<div class="title">环境感知微系统智能检测软件</div>
	</header>
	<main>
		<div class="content preview" style="margin-bottom: 16px;">
			<div class="card-view">
				<div class="title">照片列表</div>
				<ul class="photo-list" id="photo-list">

				</ul>
			</div>
			<div class="card-view asset">
				<div class="title">照片预览</div>
				<img id="photo-view" src="" height="426px" width="100%" style="display: block" />
			</div>
			<div class="card-view">
				<div class="title">视频列表</div>
				<ul class="video-list" id="video-list">

				</ul>
			</div>
			<div class="card-view asset">
				<div class="title">视频预览</div>
				<video id="video-view" src="" height="426px" width="100%" style="display: block" controls></video>
			</div>
		</div>
		<div class="content displayer">
			<div class="display-view">
				<div class="settings">
					<label for="select-left">选择数据：</label>
					<select class="form-select" id="select-left">
					</select>
					<button class="btn btn-success" id="button-left">开始计算</button>
					<div id="accuracy-left" style="margin-left: 16px; color: #fff"></div>
				</div>
				<div class="chart">
					<div id="standard-left" style="width: 910px; height: 188px"></div>
					<div id="output-left" style="width: 910px; height: 188px"></div>
				</div>
			</div>
			<div class="display-view">
				<div class="settings">
					<label for="select-right">选择数据：</label>
					<select class="form-select" id="select-right">
					</select>
					<button class="btn btn-success" id="button-right">开始计算</button>
					<div id="accuracy-right" style="margin-left: 16px; color: #fff"></div>
				</div>
				<div class="chart">
					<div id="standard-right" style="width: 910px; height: 188px"></div>
					<div id="output-right" style="width: 910px; height: 188px"></div>
				</div>
			</div>
		</div>
	</main>
</body>

</html>